@charset "utf-8";
:root{--color:#829e92;--fontcolor:#EEE;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
@font-face {font-family:'iconfont';src:url('https://css02.v15cdn.com/m234/icon/iconfont.eot');src:url('https://css02.v15cdn.com/m234/icon/iconfont.eot?#iefix') format('embedded-opentype'),url('https://css02.v15cdn.com/m234/icon/iconfont.woff') format('woff'),url('https://css02.v15cdn.com/m234/icon/iconfont.ttf') format('truetype'),url('https://css02.v15cdn.com/m234/icon/iconfont.svg#iconfont') format('svg')}
@font-face {font-family:latoblack;src:url('https://css02.v15cdn.com/m234/font/Lato-Black_0.ttf') format('truetype')}
@font-face {font-family:latoreg;src:url('https://css02.v15cdn.com/m234/font/Lato-Regular_0.ttf') format('truetype')}
@font-face {font-family:latobold;src:url('https://css02.v15cdn.com/m234/font/Lato-Bold_0.ttf') format('truetype')}
* {box-sizing:border-box;padding:0px;margin:0px}
body {margin:0px auto;padding:0px;background:#191816;padding:0px;margin:0px;color:var(--fontcolor);font-size:15px;line-height:22px;font-family:latoreg}
li,ol,ul{padding:0px;margin:0px;list-style:none}
input,textarea {outline:none;resize:none;border:none}
button {border:0px;outline:none;cursor:pointer}
a {text-decoration:none;color:#FFF;transition:all .3s}
a:focus,a:hover{color:var(--color)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold4)}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:var(--fontbold4)}
button,input,select,textarea{vertical-align:middle;font-size:14px;font-family:inherit;line-height:normal;outline:0}
img{border:0px;vertical-align:middle}
em{font-style:normal}
table{border-collapse:collapse}
video{object-fit:contain}
strong{font-family:latobold}
.table td, .table th {border:1px solid #cdcdcd;padding:5px}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.header{padding:0px 150px;position:relative}
.header:after,.nav-list:after,.search:after {content:"";visibility:hidden;height:0px;display:block;clear:both}
.logo{float:left;display:block;height:120px;position:relative;width:240px;margin-right:20px}
.logo img{max-height:100%;max-width:220px;display:block;position:absolute;top:50%;left:0px;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.mouse-follow-nav {display:table;float:left;height:100%;position:relative}
.mouse-follow-nav .nav-list {position:relative;z-index:99}
.mouse-follow-nav .nav-list li {display:inline-block;float:left;width:auto;position:relative;z-index:99}
.mouse-follow-nav .nav-list li a {display:block;text-transform:uppercase;padding:0px 16px;line-height:120px;font-size:16px;font-family:latobold;color:#FFF;text-decoration:none;position:relative;z-index:999}
.mouse-follow-nav .nav-list li ul{display:none;background:rgba(25,24,22,0.8);position:absolute;top:100%;left:0px;min-width:100%;max-width:400px}
.mouse-follow-nav .nav-list li ul li{margin:0px;float:none;display:block}
.mouse-follow-nav .nav-list li ul li a{padding:0px 14px;float:none;text-transform:capitalize;display:block;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:42px;line-height:42px}
.mouse-follow-nav .nav-list li ul li a:hover{background:rgba(130,158,146,0.8);color:#FFF}
.mouse-follow-nav .nav-list li.smove{position:absolute;bottom:0px;height:3px;z-index:90}
.mouse-follow-nav .nav-list li.smove:after {content:'';width:40px;height:4px;background-color:var(--color);position:absolute;top:0px;left:50%;margin-left:-20px}
.search {position:absolute;right:150px;top:41px}
.searchtxt{width:218px;height:34px;float:left;background:#0F0F0F;text-indent:10px;color:#FFF}
.searchbtn{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;border:2px solid var(--color);width:61px;height:34px;background:var(--color) url(https://css02.v15cdn.com/m234/stuffygreen/isearch.png) center center no-repeat;float:left;cursor:pointer}
.searchbtn:hover{background-color:transparent;background-image:url(https://css02.v15cdn.com/m234/stuffygreen/isearch-hover.png);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.hemenu {z-index:9999999;display:none;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;position:absolute;right:60px;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.hemenu i.iconfont {font-size:34px;color:#FFF}
@media screen and (max-width:1750px){.logo{width:100%;height:90px;margin:0px}
	.search{top:26px}
	.mouse-follow-nav .nav-list li a{line-height:70px}}
@media screen and (max-width:1260px){.header{padding:0px 60px}
	.search{right:60px}}
@media screen and (max-width:1050px){.hemenu{display:block}
	.search input{display:none}
	.mouse-follow-nav{position:fixed;overflow:hidden;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;opacity:0}
	.mouse-follow-nav .nav-list {overflow-y:scroll;position:absolute;right:-300px;top:0px;padding-top:90px;background:#000;height:100%;width:300px}
	.mouse-follow-nav .nav-list li{float:none;width:100%}
	.mouse-follow-nav .nav-list li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:48px;display:block;width:100%;height:48px;float:none}
	.mouse-follow-nav .nav-list li a:hover{color:var(--color)}
	.mouse-follow-nav .nav-list li ul{position:static}
	.mouse-follow-nav .nav-list li ul{width:100%}}
@media screen and (max-width:450px){.header{padding:0px 20px}
	.hemenu{right:20px}}
.footer {padding:0px 70px 25px;background:#111}
.fotop {position:relative}
.fotop:after,.fobottom:after,.folist:after,.fonav:after {content:'';display:block;visibility:hidden;clear:both;height:0px}
.fopic {display:block;width:60.7%;float:left;position:relative;top:-130px}
.foshare {text-align:right;width:39%;padding-left:50px;position:absolute;right:0px;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:-75px}
@keyframes rotateAn{0%{transform:rotate(0deg)}
99%{transform:rotate(180deg);opacity:0.8}
100%{transform:rotate(180deg);opacity:0}}
@keyframes rotateBack{0%{transform:rotate(0deg)}
99%{transform:rotate(-180deg);opacity:0.8}
100%{transform:rotate(-180deg);opacity:0}}
@keyframes rotateOut{0%{background:#434343}
90%{background:#434343}
100%{background:transparent}}
@keyframes cirShare{0%{background:#191816}
90%{background:#191816}
100%{background:#383838}}
@keyframes shareI{0%{color:#FFF}
90%{color:#FFF}
100%{color:#191919}}
.circle-dev{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;margin-right:10px;display:inline-block}
.circle-dev a {display:block}
.circin {background:#383838;width:42px;height:42px;border-radius:50%;position:absolute;left:4px;top:4px;text-align:center;line-height:42px;z-index:9}
.circin i {font-size:21px;color:#191919}
.circin.cirshare{animation:cirShare 1s  linear forwards}
.circin i.shareic{animation:shareI 1s  linear forwards}
.circle-bg, .circle-alt{width:100%;height:100%;border-radius:50%;background:transparent;position:absolute;top:0px;left:0px}
.circle-bg.cirout{animation:rotateOut 1s  linear forwards}
.circle-alt{opacity:0.9;background:transparent}
.circle-alt-lft, .circle-alt-rht{position:absolute;width:50%;height:100%;top:0px}
.circle-alt-lft{left:0px;overflow:hidden;border-radius:50% 0 0 50%}
.circle-alt-rht{right:0px;overflow:hidden;border-radius:0 50% 50% 0}
.circle-alt-lft.ile:after{background:#434343;display:block;content:"";width:100%;height:100%;transform-origin:right center;animation:rotateAn 0.5s 0.5s linear forwards}
.circle-alt-rht.irg:after{background:#434343;display:block;content:"";width:100%;height:100%;transform-origin:left center;animation:rotateAn 0.5s linear forwards}
.circle-alt-lft.ble{left:auto;right:0px;border-radius:0 50% 50% 0}
.circle-alt-rht.brg{right:auto;left:0px;border-radius:50% 0 0 50%}
.circle-alt-lft.ble:after{background:#FFF;display:block;content:"";width:100%;height:100%;transform-origin:left center;animation:rotateBack 0.5s 0.5s  linear forwards}
.circle-alt-rht.brg:after{background:#FFF;display:block;content:"";width:100%;height:100%;transform-origin:right center;animation:rotateBack 0.5s  linear forwards}
.fowor {font-size:27px;line-height:36px;margin-top:40px}
.fobottom {top:-40px;position:relative}
.foblf {float:left;max-width:400px}
.foblogo{margin-bottom:8px;max-width:100%}
.fonav{float:right;text-align:center}
.fonav li{display:inline-block}
.fonav li a{font-family:latoblack;display:block;line-height:60px;font-size:16px;text-transform:uppercase;padding:0px 7px;margin:0px 20px;position:relative;color:#FFF}
.fonav li:last-child a{margin-right:0px}
.fonav li a:after{content:'';width:100%;height:0px;background:var(--color);position:absolute;top:56px;left:0px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.fonav li a:hover{color:#FFF}
.fonav li a:hover::after{height:4px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.copyright{font-size:16px;color:#595959;margin-bottom:15px}
@media screen and (min-width:1261px){.fonav{margin-top:18px}}
@media screen and (max-width:1260px){.footer{padding:0px 40px 10px}
	.fopic {top:-100px}
	.foshare{padding-left:30px;margin-top:-50px}
	.fowor {font-size:23px;line-height:32px;margin-top:25px}
	.foblf {max-width:inherit;width:100%;float:none;text-align:center}
	.foblogo{display:inline-block}
	.fonav{width:100%}
	.fonav li a{margin:0px 12px}
	.fonav li:last-child a{margin-right:12px}}
@media screen and (max-width:900px){.footer {padding-bottom:30px}
	.fopic{display:none}
	.foshare{position:static;margin:0px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);width:100%;text-align:center;padding:40px 0px 40px;border-bottom:1px dashed #aaa;margin-bottom:40px}
	.fowor {text-align:center}
	.fobottom{top:0px}
	.fonav li a{margin:0px 6px}
	.fonav li:last-child a{margin-right:6px}}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.inner-banner,footer,header{width:100%}
.inner-banner img,footer img,header img{width:100%}
.inner .container{max-width:1366px;padding:0px 15px 190px;margin-left:auto;margin-right:auto}
.feedback-box{margin:60px auto 190px;max-width:1366px;padding:0px 15px}
.feedback-box form{border:1px solid #666;padding:77px 49px}
.feedback-box .form-title{font-size:1.5rem;margin-bottom:35px}
.feedback-box .input{display:flex;justify-content:space-between}
.feedback-box .input p{color:#aaa;font-size:.9375rem}
.feedback-box .input .lf-box,.feedback-box .input .rt-box{width:45%;display:flex;flex-direction:column}
.feedback-box .ipt-row{flex:0 0 auto}
.feedback-box .ipt-row,.feedback-box .txta-row{display:flex;padding:15px 0px;justify-content:space-between}
.feedback-box .ipt-row input{width:70%;height:30px;border:0px;background:#333;outline:0;box-sizing:border-box;padding:0px 20px;color:#EEE}
.feedback-box .ipt-row input::placeholder{color:#b1b0b0;font-size:.75rem}
.feedback-box .txta-row{height:100%}
.feedback-box .txta-row textarea{height:100%;width:70%;border:0px;background:#333;outline:0;box-sizing:border-box;padding:0px 20px;color:#EEE}
.feedback-box .feedback-submit{text-align:center;padding-top:50px}
.feedback-box .feedback-submit button{font-size:18px;color:#FFF;background-color:#000;border:0px;outline:0;transition:all .3s;width:166px;height:33px}
.feedback-box .feedback-submit button:hover{background-color:var(--color)}
.page-title{font-size:2.125rem;text-align:center;border-bottom:1px solid #e2e2e2;padding:50px 0px}
html{font-size:16px}
@media only screen and (max-width:1440px){
html{font-size:14px}}
@media only screen and (max-width:1024px){
html{font-size:12px}}
@media only screen and (max-width:768px){
html{font-size:10px}}
@media only screen and (max-width:1260px){
.inner .container {padding-bottom:160px}
.feedback-box{margin-bottom:160px}}
@media only screen and (max-width:900px){
.inner .container {padding-bottom:30px}
.feedback-box{margin-bottom:50px}}
.inner .bPosition{font-size:12px;border-color:#333}
.inner .bPosition a{font-size:12px}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99;width:120px;height:34px;line-height:34px;margin-left:10px;float:left}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{background:#0F0F0F}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:34px;z-index:1;text-align:left}
.xyz12 li a{color:#FFF;font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 8px}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0px;background:url(amore.png) center no-repeat;display:block;width:34px;height:34px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(amore1.png) center no-repeat}
.xyz12 li img {vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
@media only screen and (max-width:1260px){#xyz{position:absolute;right:62px}
.mouse-follow-nav .nav-list{z-index:999}}
.rollout .ptit{font-size:18px;margin:20px 0px 10px}
.rollPro1{zoom:1}
.rollPro1:after{content:'';display:block;height:0px;visibility:hidden;clear:both}
.rollout .rollPro1 li{width:32%;margin:0px 1% 1% 0;text-align:center;float:left}
.rollout .rollPro1 li img{width:100%}
.rollout .rollPro1 li p{margin:10px 0px 0px}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}